<template>
  <div class="container">
    <van-card
      v-for="item in list"
      :key="item.id"
      :num="item.count"
      :tag="item.status"
      :price="item.price"
      :desc="item.description"
      :title="item.name"
      :thumb="item.thumb"
    >
      <div slot="footer">
        <van-button type="primary" size="mini">详细</van-button>
        <van-button type="danger" size="mini">退单</van-button>
      </div>
    </van-card>
    <FooterNav></FooterNav>
  </div>
</template>
<script>
  import func from "../assets/app/func"
  import FooterNav from "@/components/Common/FooterNav"

  import OrderItem from "../assets/app/module/OrderItem"

  export default {
    components: {
      FooterNav
    },
    data: function () {
      return {
        active: 0,
        list: []
      }
    },
    created: function () {
      appFunc.login();
      func.isLogin();
      this.list.push(OrderItem(1, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(2, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(3, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(4, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(5, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(6, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(7, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(8, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(9, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(10, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
      this.list.push(OrderItem(11, "20884456464897897324"
        , "http://yanxuan.nosdn.127.net/3daf270d64cbba671d62c553de723817.png?quality=90&thumbnail=200y200&imageView"
        , "测试商品1", "商品简介1", "200.00", 1));
    },
    methods: {}
  }
</script>
